$NOTI_W: 320px;

.cp-feedback {
  position: relative;
  padding: 30px 0;
  .header-img-wrapper {
    text-align: center;
    color: var(--adm-color-text);
    font-size: 3rem;
    .header-img {
      width: 200px;

    }
  }
  > .inner {
    z-index: 10;
    position: relative;
    @include gradient(to bottom, #68b9ff, #64b7ff);

    &:after {
      content: "";
      position: absolute;
      top: 0;
      left: 2px;
      width: calc(100% - 4px);
      height: 100%;
      @include gradient(to bottom, #0975b8, #06416d);
      z-index: -1;
    }
  }

  &:before {
    position: absolute;
    height: 30px;
    width: 100%;
    top: 0;
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    z-index: 11;
  }

  &:after {
    content: "";
    position: absolute;
    height: 30px;
    width: 100%;
    bottom: 30;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    z-index: 11;
  }

  .adm-form {
    border: 0;

    .adm-form-footer {
      display: flex;
      justify-content: space-around;

      .adm-button.act-btn.act-btn-bevel {
        width: 100px;
      }
    }

    .adm-list {
      .adm-list-body {
        border: 0;

        background: rgba(255, 255, 255, 0);

        .adm-list-item {
          background: rgba(255, 255, 255, 0);
          border: 0;

          &:after {
            height: 0;
            border: 0 !important;
          }

          .adm-list-item-content {
            border: 0;

            .adm-list-item-content-main {
              position: relative;
              z-index: 9;
            }

            .adm-list-item-content-arrow {
              position: absolute;
              z-index: 11;
              right: 24px;
              top: 48px;
            }

            &:after {
              height: 0;
              border: 0;
            }

            .adm-list-item-title {

              .adm-form-item-label {
                color: #fff;
              }
            }
          }

          .adm-input {
            box-sizing: border-box;
            background: rgba(255, 255, 255, 1);
            @include borderRadius(50px);
            padding: 6px 15px;

            &.adm-input-disabled {
              opacity: 1;
            }
          }
        }
      }
    }
  }
}

